<div class="m-mainc">
  <form class="m-contacts" :validate="@validate_invoice">
    <div class="m-infoH">
      <span>发票信息</span>
      <button type="submit" :if="@orderinfo.isopen !== -1">{{@invoice_show?'编辑':'保存'}}</button>
    </div>
    <div class="m-alllistM">
      <div class="m-alllist">
        <label>收票人类型</label>
        <div :visible="@invoice_show">
          {{@billinfo.types === 2? '公司' : '个人'}}
        </div>
        <div class="f-flex" :visible="!@invoice_show">
          <label for="types-mf" :class="['u-icon',(@billinfo.types === 2?'u-icon-select-sex':'u-icon-select-sex-default')]"><span>&nbsp;公司</span></label>
          <label for="types-sf" :class="['u-icon',(@billinfo.types === 1?'u-icon-select-sex':'u-icon-select-sex-default')]"><span>&nbsp;个人</span></label>
          <input id="types-mf" type="radio" name="ticket" value="2" :duplex-number="@billinfo.types">
          <input id="types-sf" type="radio" name="ticket" value="1" :duplex-number="@billinfo.types">
        </div>
      </div>
      <div class="m-alllist">
        <div class="item">
          <div>
            <label>发票抬头</label>
            <input type="text" :attr="{disabled: @invoice_show}"
            :duplex="@billinfo.header"
            :rules="{required: true}"
            data-required-message="请填写发票抬头">
          </div>
          <div>
            <label class="clabel">纳税人识别号</label>
            <input type="text" :attr="{disabled: @invoice_show}"
            :duplex="@billinfo.taxpayerno"
            :rules="{required: true}"
            data-required-message="请填写纳税人识别号">
          </div>
        </div>
      </div>
      <div class="m-alllist">
        <label>邮箱</label>
        <input type="text" :attr="{disabled: @invoice_show}"
        :duplex="@billinfo.email"
        :rules="{required: true, email: true}"
        data-required-message="请填写邮箱">
      </div>
      <div class="m-alllist">
        <label>领取方式</label>
        <div :visible="@invoice_show">
          {{@billinfo.receive === 1? '现场领取' : '快递'}}
        </div>
        <div class="f-flex" :visible="!@invoice_show">
          <label for="way-mf" :class="['u-icon',(@billinfo.receive === 1?'u-icon-select-sex':'u-icon-select-sex-default')]"><span>&nbsp;现场领取</span></label>
          <label for="way-sf" :class="['u-icon',(@billinfo.receive === 2?'u-icon-select-sex':'u-icon-select-sex-default')]"><span>&nbsp;快递</span></label>
          <input id="way-mf" type="radio" name="ticket" value="1" :duplex-number="@billinfo.receive">
          <input id="way-sf" type="radio" name="ticket" value="2" :duplex-number="@billinfo.receive">
        </div>
      </div>
      <div :if="@billinfo.receive === 2 || (!@invoice_show && @billinfo.receive === 2)">
        <div class="m-alllist">
          <div class="item">
            <div>
              <label>收件人</label>
              <input type="text" :attr="{disabled: @invoice_show}"
              :duplex="@billinfo.name"
              :rules="{required: true}"
              data-required-message="请填写">
            </div>
            <div>
              <label>手机号</label>
              <input type="text" :attr="{disabled: @invoice_show}"
              :duplex="@billinfo.mobile"
              :rules="{required: true}"
              data-required-message="请填写">
            </div>
          </div>
        </div>
        <div class="m-alllist">
          <label>地址</label>
          <input type="text" :attr="{disabled: @invoice_show}"
          :duplex="@addressinfo.street"
          :rules="{required: true}"
          data-required-message="请填写">
        </div>
        <div class="m-alllist">
          <label>邮政编码</label>
          <input type="text" :attr="{disabled: @invoice_show}"
          :duplex="@billinfo.postcode"
          :rules="{required: true}"
          data-required-message="请填写">
        </div>
      </div>
    </div>
  </form>
</div>
